<template>
    <!--<li  :class="{active:aa1=($route.path==model.url || model.children.filter(t=> t.url == $route.path).length>0)}">-->
    <router-link v-bind:to="model.url" class="nav-item" tag="li" active-class='active'>
        <a class="nav-link nav-toggle">
            <i :class="model.imgCss"></i>
            <span class="title">{{model.text}}</span>
            <span class="arrow" v-if="model.children.length>0"></span>
        </a>
        <ul class="sub-menu" v-if="model.children.length>0">
            <item class="item" v-for="model in model.children" :model="model"></item>
        </ul>
    </router-link>
    <!--</li>-->
</template>
<script>
    export default{
        name:"item",
        data:function(){
            return{
                aa1:Boolean,
            }
        },
        props: {
            fist:'',
            model: Object,
            index:'',
            aa:'',
            i:0,
        },
        mounted:function(){
        },
        methods:{
        }
    }
</script>